<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
    <head>
        <meta charset="utf-8">
        <title>Blank page</title>
        <!-- Mobile specific metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <!-- Force IE9 to render in normal mode -->
        <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
        <meta name="author" content="SuggeElson" />
        <meta name="description" content=""
        />
        <meta name="keywords" content=""
        />
        <meta name="application-name" content="sprFlat admin template" />
        <!-- Import google fonts - Heading first/ text second -->
        <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:400,700|Droid+Sans:400,700' />
        <!--[if lt IE 9]>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:400" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:700" rel="stylesheet" type="text/css" />
<![endif]-->
        <!-- Css files -->
        <!-- Icons -->
        <link href="/assets/css/icons.css" rel="stylesheet" />
        <!-- jQueryUI -->
        <link href="/assets/css/sprflat-theme/jquery.ui.all.css" rel="stylesheet" />
        <!-- Bootstrap stylesheets (included template modifications) -->
        <link href="/assets/css/bootstrap.css" rel="stylesheet" />
        <!-- Plugins stylesheets (all plugin custom css) -->
        <link href="/assets/css/plugins.css" rel="stylesheet" />
        <!-- Main stylesheets (template main css file) -->
        <link href="/assets/css/main.css" rel="stylesheet" />
        <!-- Custom stylesheets ( Put your own changes here ) -->
        <link href="/assets/css/custom.css" rel="stylesheet" />
        <link href="/assets/css/zhyd.core.css" rel="stylesheet" />
    </head>
    <body>
        <!-- Start #header -->
        <div th:replace="/layout/header"></div>
        <!-- End #header -->
        <div class="container" style="margin-top: 65px;">
            <section>
                <div class="row">
                    <div class="col-md-9">
                        <article class="blog-post">
                            <div class="blog-post-image">
                                <a href="post.html"><img src="images/750x500-1.jpg" alt=""></a>
                            </div>
                            <div class="blog-post-body">
                                <h2><a href="post.html">Vintage-Inspired Finds for Your Home</a></h2>
                                <div class="post-meta"><span>by <a href="#">Jamie Mooze</a></span>/<span><i
                                    class="fa fa-clock-o"></i>March 14, 2015</span>/<span><i
                                    class="fa fa-comment-o"></i> <a href="#">343</a></span></div>
                                <p>ew months ago, we found ridiculously cheap plane tickets for Boston and off we went.
                                    It was our first visit to the city and, believe it or not, Stockholm in February was
                                    more pleasant than Boston in March. It probably has a lot to do with the fact that we
                                    arrived completely unprepared. That I, in my converse and thin jacket, did not end up
                                    with pneumonia is honestly not even fair.</p>
                                <div class="read-more"><a href="#">Continue Reading</a></div>
                            </div>
                        </article>
                        <!-- article -->
                        <article class="blog-post">
                            <div class="blog-post-image">
                                <a href="post.html"><img src="images/750x500-2.jpg" alt=""></a>
                            </div>
                            <div class="blog-post-body">
                                <h2><a href="post.html">The Best Street Style Looks of London Fashion Week</a></h2>
                                <div class="post-meta"><span>by <a href="#">Jamie Mooze</a></span>/<span><i
                                    class="fa fa-clock-o"></i>March 14, 2015</span>/<span><i
                                    class="fa fa-comment-o"></i> <a href="#">343</a></span></div>
                                <p>Few months ago, we found ridiculously cheap plane tickets for Boston and off we went.
                                    It was our first visit to the city and, believe it or not, Stockholm in February was
                                    more pleasant than Boston in March. It probably has a lot to do with the fact that we
                                    arrived completely unprepared.</p>
                                <div class="read-more"><a href="#">Continue Reading</a></div>
                            </div>
                        </article>
                        <!-- article -->
                        <article class="blog-post">
                            <div class="blog-post-image">
                                <a href="post.html"><img src="images/750x500-3.jpg" alt=""></a>
                            </div>
                            <div class="blog-post-body">
                                <h2><a href="post.html">Front Row Style: Our Favorite A-List Moments of Fashion Week</a>
                                </h2>
                                <div class="post-meta"><span>by <a href="#">Jamie Mooze</a></span>/<span><i
                                    class="fa fa-clock-o"></i>March 14, 2015</span>/<span><i
                                    class="fa fa-comment-o"></i> <a href="#">343</a></span></div>
                                <p>It was our first visit to the city and, believe it or not, Stockholm in February was
                                    more pleasant than Boston in March. It probably has a lot to do with the fact that we
                                    arrived completely unprepared. Few months ago, we found ridiculously cheap plane
                                    tickets for Boston and off we went.</p>
                                <div class="read-more"><a href="#">Continue Reading</a></div>
                            </div>
                        </article>
                    </div>
                    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>
                    <div class="col-md-3 sidebar-gutter">
                        <aside>
                            <!-- sidebar-widget -->
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">About Me</h3>
                                <div class="widget-container widget-about">
                                    <!--<a href="post.html"><img th:src="${me.userImageUrl}" alt=""></a>-->
                                    <!--<h4 th:text="${me.nickName}"></h4>-->
                                    <!--<div class="author-title" th:text="${me.userProfession}"></div>-->
                                    <!--<p th:text="${me.userDescription}" ></p>-->
                                </div>
                            </div>
                            <!-- sidebar-widget -->
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Featured Posts</h3>
                                <div class="widget-container">
                                    <article class="widget-post">
                                        <div class="post-image">
                                            <a href="post.html"><img src="images/90x60-1.jpg" alt=""></a>
                                        </div>
                                        <div class="post-body">
                                            <h2><a href="post.html">The State of the Word 2014</a></h2>
                                            <div class="post-meta">
                                                <span><i class="fa fa-clock-o"></i> 2. august 2015</span> <span><a
                                                href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
                                            </div>
                                        </div>
                                    </article>
                                    <article class="widget-post">
                                        <div class="post-image">
                                            <a href="post.html"><img src="images/90x60-2.jpg" alt=""></a>
                                        </div>
                                        <div class="post-body">
                                            <h2><a href="post.html">Why The Muppets Needs to Channel 30 Rock</a></h2>
                                            <div class="post-meta">
                                                <span><i class="fa fa-clock-o"></i> 2. august 2015</span> <span><a
                                                href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
                                            </div>
                                        </div>
                                    </article>
                                    <article class="widget-post">
                                        <div class="post-image">
                                            <a href="post.html"><img src="images/90x60-3.jpg" alt=""></a>
                                        </div>
                                        <div class="post-body">
                                            <h2><a href="post.html">The State of the Word 2014</a></h2>
                                            <div class="post-meta">
                                                <span><i class="fa fa-clock-o"></i> 2. august 2015</span> <span><a
                                                href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
                                            </div>
                                        </div>
                                    </article>
                                    <article class="widget-post">
                                        <div class="post-image">
                                            <a href="post.html"><img src="images/90x60-4.jpg" alt=""></a>
                                        </div>
                                        <div class="post-body">
                                            <h2><a href="post.html">Vintage-Inspired Finds for Your Home</a></h2>
                                            <div class="post-meta">
                                                <span><i class="fa fa-clock-o"></i> 2. august 2015</span> <span><a
                                                href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
                                            </div>
                                        </div>
                                    </article>
                                    <article class="widget-post">
                                        <div class="post-image">
                                            <a href="post.html"><img src="images/90x60-5.jpg" alt=""></a>
                                        </div>
                                        <div class="post-body">
                                            <h2><a href="post.html">The State of the Word 2014</a></h2>
                                            <div class="post-meta">
                                                <span><i class="fa fa-clock-o"></i> 2. august 2015</span> <span><a
                                                href="post.html"><i class="fa fa-comment-o"></i> 23</a></span>
                                            </div>
                                        </div>
                                    </article>
                                </div>
                            </div>
                            <!-- sidebar-widget -->
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Socials</h3>
                                <div class="widget-container">
                                    <div class="widget-socials">
                                        <a href="#"><i class="fa fa-facebook"></i></a>
                                        <a href="#"><i class="fa fa-twitter"></i></a>
                                        <a href="#"><i class="fa fa-instagram"></i></a>
                                        <a href="#"><i class="fa fa-google-plus"></i></a>
                                        <a href="#"><i class="fa fa-dribbble"></i></a>
                                        <a href="#"><i class="fa fa-reddit"></i></a>
                                    </div>
                                </div>
                            </div>
                            <!-- sidebar-widget -->
                            <div class="sidebar-widget">
                                <h3 class="sidebar-title">Categories</h3>
                                <div class="widget-container">
                                    <ul>
                                        <li><a href="#">Fashion</a></li>
                                        <li><a href="#">Art</a></li>
                                        <li><a href="#">Design</a></li>
                                        <li><a href="#">Featured</a></li>
                                        <li><a href="#">Graphics</a></li>
                                        <li><a href="#">Peoples</a></li>
                                        <li><a href="#">Uncategorized</a></li>
                                    </ul>
                                </div>
                            </div>
                        </aside>
                    </div>
                </div>
            </section>
        </div>

        <!-- End #content -->
        <!-- Javascripts -->
        <!-- Load pace first -->
        <script src="/assets/plugins/core/pace/pace.min.js"></script>
        <!-- Important javascript libs(put in all pages) -->
        <script src="/assets/js/jquery-1.8.3.min.js"></script>
        <script>
        window.jQuery || document.write('<script src="/assets/js/libs/jquery-2.1.1.min.js">\x3C/script>')
        </script>
        <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <script>
        window.jQuery || document.write('<script src="/assets/js/libs/jquery-ui-1.10.4.min.js">\x3C/script>')
        </script>
        <!--[if lt IE 9]>
  <script type="text/javascript" src="/assets/js/libs/excanvas.min.js"></script>
  <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <script type="text/javascript" src="/assets/js/libs/respond.min.js"></script>
<![endif]-->
        <!-- Bootstrap plugins -->
        <script src="/assets/js/bootstrap/bootstrap.js"></script>
        <!-- Core plugins ( not remove ever) -->
        <!-- Handle responsive view functions -->
        <script src="/assets/js/jRespond.min.js"></script>
        <!-- Custom scroll for sidebars,tables and etc. -->
        <script src="/assets/plugins/core/slimscroll/jquery.slimscroll.min.js"></script>
        <script src="/assets/plugins/core/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
        <!-- Resize text area in most pages -->
        <script src="/assets/plugins/forms/autosize/jquery.autosize.js"></script>
        <!-- Proivde quick search for many widgets -->
        <script src="/assets/plugins/core/quicksearch/jquery.quicksearch.js"></script>
        <!-- Bootbox confirm dialog for reset postion on panels -->
        <script src="/assets/plugins/ui/bootbox/bootbox.js"></script>
        <!-- Other plugins ( load only nessesary plugins for every page) -->
        <script src="/assets/plugins/core/moment/moment.min.js"></script>
        <script src="/assets/plugins/charts/sparklines/jquery.sparkline.js"></script>
        <script src="/assets/plugins/charts/pie-chart/jquery.easy-pie-chart.js"></script>
        <script src="/assets/plugins/forms/icheck/jquery.icheck.js"></script>
        <script src="/assets/plugins/forms/tags/jquery.tagsinput.min.js"></script>
        <script src="/assets/plugins/forms/tinymce/tinymce.min.js"></script>
        <script src="/assets/plugins/misc/highlight/highlight.pack.js"></script>
        <script src="/assets/plugins/misc/countTo/jquery.countTo.js"></script>
        <script src="/assets/js/jquery.sprFlat.js"></script>
        <script src="/assets/js/app.js"></script>
        <script src="/assets/js/pages/blank.js"></script>
        <script src="/assets/js/zhyd.core.js"></script>
        <script src="/assets/js/zhyd.js"></script>
    </body>
</html>